<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <link href="assets/css/bootstrap.min.css" rel="stylesheet" />
    <link rel="stylesheet" href="assets/css/font-awesome.min.css" />
    <!--[if IE 7]>
    <link rel="stylesheet" href="assets/css/font-awesome-ie7.min.css" />
    <![endif]-->
    <!--<link rel="stylesheet" href="http://fonts.useso.com/css?family=Open+Sans:400,300" />-->
    <link rel="stylesheet" href="assets/css/ace.min.css" />
    <link rel="stylesheet" href="css/style.css"/>
    <title>法规列表</title>
</head>
<style>
    #model14{
        text-align:center;
    }
    ul.pagination {
        display: inline-block;
        padding: 0;
        margin: 0;
    }

    ul.pagination li {display: inline;}

    ul.pagination li a {
        color: black;
        float: left;
        padding: 8px 16px;
        text-decoration: none;
        transition: background-color .3s;
        border: 1px solid #ddd;
        margin: 0 4px;
    }

    ul.pagination li a.active {
        background-color: #ff9d94;
        color: white;
        border: 1px solid #ff9d94;
    }
</style>
<body>
<div class="page-content">
    <!--待确认订单样式-->
    <div class="d_Confirm_Order_style">
        <div class="row">
            <div class="col-xs-12">
                <h3 class="header smaller lighter blue" style="display: inline-block"><a th:href="@{/findlaws}">法规列表</a> </h3>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                <h3 class="header smaller lighter blue" style="display: inline-block"><a th:href="@{/addlaws}">添加法规</a> </h3>
                <div class="table-header"></div>
                <div class="search_style">
                    <div class="title_names">搜索查询</div>
                    <form th:action="@{/findlaws}" method="post" id="subform">
                        <ul class="search_content clearfix">
                            <li><label class="lf">法规部号:</label><input name="lawNum"  th:value="${lawNum}"type="text"  class="text_add"/></li>
                            <li><label class="lf">法规名称:</label><input name="lawName" th:value="${lawName}" type="text"  class="text_add"/></li>
                            <li style="width:90px;"><button type="button" id="btn_search">查询</button></li>
                        </ul>
                    </form>
                </div>
                <div class="table-responsive">
                    <table id="sample-table-2" class="table table-striped table-bordered table-hover">
                        <thead>
                        <tr>
                            <th width="60px">部号id</th>
                            <th width="100px">法规部号</th>
                            <th width="90px">法规版本号</th>
                            <th width="200x">法规名称</th>
                            <th width="110px">该法规是否显示</th>
                            <th width="800px">法规版本说明</th>
                            <!--该操作系统后台用户权限进行判断进行-->
                            <th >操作</th>
                            <!--结束-->
                        </tr>
                        </thead>
                        <tbody>
                        <tr th:each="li:${pageInfo.list}">
                            <td th:text="${li.id}">部号id</td>
                            <td th:text="${li.partNumAlias}">部号别名</td>
                            <td th:text="${li.lawsVersion}">法规版本号</td>
                            <td th:text="${li.lawsName}">法规名称</td>
                            <td th:text="${li.lawsIsplay==1?'显示':'不显示'}">是否显示</td>
                            <td style="border-right:0px;" th:text="${li.lawsVersionExplain}">法规版本说明</td>
                            <!--该操作系统后台用户权限进行判断进行-->
                            <td><button type="button" class="btn btn-info score_btn" id="xiugaide"><a th:href="@{/laws/}+${li.id}">修改</a></button><button type="button" class="btn btn-warning abnormal_btn"><a th:href="@{/dellaws/}+${li.id}">删除</a></button></td>
                            <!--结束-->
                        </tr>
                        </tbody>
                    </table>

                    <!--显示分页信息-->

                    <div id="model14" style="margin-left: 25%">
                        <div>
                        <ul class="pagination" style="width: 1000px" th:align="center">
                            <li><a th:href="@{/findlaws(pageNum=${pageInfo.firstPage},lawNum=${lawNum},lawName=${lawName})}" style="width: 60px;height: 38px;border: 1px solid #DDDDDD">首页</a></li>
                            <li><a th:href="@{/findlaws(pageNum=${pageInfo.prePage},lawNum=${lawNum},lawName=${lawName})}" th:if="${pageInfo.hasPreviousPage}" style="width: 90px;height: 38px;border: 1px solid #DDDDDD" th:text="${pageInfo.hasPreviousPage}?'上一页'" ></a></li>
                            <div th:each="i:${pageInfo.navigatepageNums}">
                                <li><a th:href="@{/findlaws(pageNum=${i})}" class="active" th:text="${i==pageInfo.pageNum}?${i}"  th:if="${i==pageInfo.pageNum}">${i}</a></li>
                                <li><a th:href="@{/findlaws(pageNum=${i},lawNum=${lawNum},lawName=${lawName})}" th:text="${i!=pageInfo.pageNum}?${i}" th:if="${i!=pageInfo.pageNum}">${i}</a></li>
                            </div>
                            <li><a th:href="@{/findlaws(pageNum=${pageInfo.nextPage},lawNum=${lawNum},lawName=${lawName})}" th:if="${pageInfo.hasNextPage}" style="width: 90px;height: 38px;border: 1px solid #DDDDDD" th:text="${pageInfo.hasNextPage}?'下一页'" ></a></li>
                            <li><a th:href="@{/findlaws(pageNum=${pageInfo.lastPage},lawNum=${lawNum},lawName=${lawName})}" style="width: 60px;height: 38px;border: 1px solid #DDDDDD">末页</a></li>
                        </ul>
                        </div>
                    </div>

                </div>
            </div>
        </div>
    </div>
</div>
<!--扫描件浏览样式-->
<div class="Scan_style" id="Scan" style="display:none">
    <img src="images/1.jpg" />
</div>
<!--异常处理样式-->
<div class="abnormal_style" id="abnormal" style="display:none">
    <ul class="add_reason">
        <li><label><input name="form-field-checkbox" type="checkbox" class="ace"  checked="checked"><span class="lbl">油品的质量</span></label></li>
        <li><label><input name="form-field-checkbox" type="checkbox" class="ace" ><span class="lbl">加油数量不符</span></label></li>
        <li>原因说明：<textarea name="异常原因说明" cols="" rows="" id="textarea"  style="width:350px; height:150px;"></textarea></li>
    </ul>
    <!--  <div class="center"><button type="button" class="btn btn-primary btn_search" id="btn_search">提交</button></div>-->
</div>
<!--评分样式-->
<div id="score_style" style="display:none">
    <div class="page-content">
        <ul class="score_style">
            <li class="clearfix scores">
                <p style="font-size:20px" class="lf label_name">油品：</p>
                <div id="star1" class="lf"></div>
                <div id="result1" class="lf Rating"></div>
            </li>
            <li class="score_prompt">你对加油后油的质量的评价，这对日后选择供应商很重要。</li>
            <li class="clearfix scores">
                <p style="font-size:20px" class="lf label_name">服务：</p>
                <div id="star2" class="lf"></div>
                <div id="result2" class="lf Rating"></div>

            </li>
            <li class="score_prompt">你对在加油过程中对供应商的服务评价，这对日后选择供应商很重要</li>
            <li class="clearfix scores">
                <p style="font-size:20px" class="lf label_name">其他：</p>
                <div id="star3" class="lf"></div>
                <div id="result3" class="lf Rating"></div>

            </li>
            <li class="score_prompt">你还对在加油过程中的其他服务评价，这对日后选择供应商很重要</li>
        </ul>
        <!--<div class="center"><button type="button" class="btn btn-primary" id="score_btn">确认评价</button></div>-->
    </div>
</div>
<!--END-->
<!--[if !IE]> -->
<script src="assets/js/jquery.min.js"></script>
<!-- <![endif]-->
<!--[if !IE]> -->
<script type="text/javascript">
    window.jQuery || document.write("<script src='assets/js/jquery-2.0.3.min.js'>"+"<"+"/script>");
</script>
<!-- <![endif]-->
<!--[if IE]>
<script type="text/javascript">
    window.jQuery || document.write("<script src='assets/js/jquery-1.10.2.min.js'>"+"<"+"/script>");
</script>
<![endif]-->
<script type="text/javascript">
    if("ontouchend" in document) document.write("<script src='assets/js/jquery.mobile.custom.min.js'>"+"<"+"/script>");
</script>
<script src="assets/js/bootstrap.min.js"></script>
<script src="js/jquery.raty.js" type="text/javascript"></script>
<script src="assets/layer/layer.js" type="text/javascript" ></script>
<script src="assets/laydate/laydate.js" type="text/javascript"></script>
<script type="text/javascript">
    $(function (){
        $("#btn_search").click(function (){
            $("#subform").submit();
        })
    })
</script>
</body>
</html>
